﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>部门管理</title>
    <!--引入文件-->
    <link href="~/Content/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/Content/themes/icon.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery.easyui.min.js"></script>
    <script src="~/Scripts/easyui-lang-zh_CN.js"></script>
    <script src="~/Scripts/datapattern.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>

   

    <script type="text/javascript">
        //获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
        $(function () {
            console.log("001页面载入!");
            //隐藏添加编辑
            $("#addDiv").css("display", "none");
            $("#editDiv").css("display", "none");
            console.log(getUrlParam("ObjectId"));
            var pars = {
                objectId: getUrlParam("ObjectId")
            };
            loadData(pars);
        });

        function loadData(pars) {
            console.log("002-loadData start!");
            $('#showDiv').datagrid({
                url: '/Department/GetDataInfoList',
                title: '部门管理',
                width: 'auto',
                height: 'auto',
                fitColumns: true, //列自适应
                nowrap: false,
                idField: 'ID',//主键列的列明
                loadMsg: '正在加载部门信息...',
                pagination: true,//是否有分页
                singleSelect: true,//是否单行选择
                pageSize: 20,//页大小，一页多少条数据
                pageNumber: 1,//当前页，默认的
                pageList: [10, 20, 30],
                rownumbers: true,//显示页码
                queryParams: pars,//往后台传递参数
                columns: [[//c.UserName, c.UserPass, c.Email, c.RegTime
                    { field: 'ck', checkbox: true, align: 'left', width: 50 },
					{ field: 'ID', title: '编号', width: 80 },
					{ field: 'DepName', title: '部门名称', width: 120 },
                    { field: 'ParentId', title: '上级部门', width: 120 },
                    //{ field: 'TreePath', title: '地址', width: 120 },
                    { field: 'Level', title: '级别', width: 120 },
                    //{ field: 'IsLeaf', title: 'IsLeaf', width: 120 }
                   ]],
                toolbar: [{
                    id: 'btnAdd',
                    text: '添加',
                    iconCls: 'icon-add',
                    handler: function () {

                        addInfo();
                    }

                }, {
                    id: 'btnDelete',
                    text: '删除',
                    iconCls: 'icon-remove',
                    handler: function () {

                        deleteInfo();
                    }

                }, {
                   id: 'btnEidt',
                   text: '编辑',
                   iconCls: 'icon-edit',
                   handler: function () {
                       showEditInfo();
                    }
                }

                ],
            });
        }

        //删除数据
        function deleteInfo() {
            var rows = $('#showDiv').datagrid('getSelections');//获取所选择的行
            if (!rows || rows.length == 0) {
                //alert("请选择要修改的商品！");
                $.messager.alert("提醒", "请选择要删除的记录!", "error");
                return;
            }
            //$.messager.confirm("提示", "确定要删除数据吗xxx?", function (r) { });
            $.messager.confirm("提示", "确定要删除数据吗", function (r) {
                if (r) {
                    //获取要删除的记录的ID值。
                    var rowsLength = rows.length;

                    var strId = rows[0].ID;

                    //for (var i = 0; i < rowsLength; i++) {
                    //    strId = strId + rows[i].ID + ",";//1,2,3,
                    //}
                    //去掉最后一个逗号.
                    //strId = strId.substr(0, strId.length - 1);
                    //将获取的要删除的记录的ID值发送到服务端.
                    $.post("/Department/DeleteInfo", { "strId": strId }, function (data) {
                        if (data == "ok") {
                            //reload 不调转到第一页  load 调整到第一页
                            $('#showDiv').datagrid('reload');//加载表格不会跳到第一页。
                            //清除上次操作的历史的记录。
                            $('#showDiv').datagrid('clearSelections')
                        } else {
                            $.messager.alert("提醒", "删除记录失败!", "error");
                        }
                    });
                }
            });

        }

        //添加数据
        function addInfo() {
            //1、获取是否已经存在
            var rows = $("#showDiv").datagrid("getRows");
  
            //给IFrame指定页面URL
            $("#addFrame").attr("src", "/Department/ShowAddInfo" + "?ObjectId=" + getUrlParam("ObjectId"));
            $("#addDiv").css("display", "block");
            $('#addDiv').dialog({
                title: '添加部门',
                width: 500,
                height: 300,
                collapsible: true,
                maximizable: true,
                resizable: true,
                modal: true,
                buttons: [{
                    text: '提交',
                    iconCls: 'icon-ok',
                    handler: function () {
                        //表单校验
                        //validateInfo($("#addForm"));
                        //$("#addForm").submit();//提交表单
                        var childwindow = $("#addFrame")[0].contentWindow;
                        //console.warn(childwindow);
                        //调用子窗体中的方法完成表中的提交
                        childwindow.subForm();
                    }
                }, {
                    text: '关闭',
                    iconCls: 'icon-no',
                    handler: function () {
                        $('#addDiv').dialog('close');
                    }
                }]
            });

        }
        //完成添加后调用该方法
        function afterAdd(data) {
            console.log("parent-->afterAdd")
            if (data == "ok") {
                $('#addDiv').dialog('close');   //关闭dialog
                $('#showDiv').datagrid('reload');//加载表格不会跳到第一页。
                $("#addForm input").val("");
            }
        }
        //表单校验
        function validateInfo(control) {
            control.validate({//表示对哪个form表单进行校验，获取form标签的id属性的值
                rules: {//表示验证规则
                    UName: "required",//表示对哪个表单元素进行校验，要写具体的表单元素的name属性的值
                    Remark: {
                        required: true
                    },
                    UPwd: {
                        required: true,
                        minlength: 5
                    },
                    Sort: {
                        required: true
                    }
                },
                messages: {
                    UName: "请输入用户名",
                    Remark: {
                        required: "请输入备注"
                    },
                    UPwd: {
                        required: "请输入密码",
                        minlength: jQuery.format("密码不能小于{0}个字 符")
                    },
                    Sort: {
                        required: "请输入排序"
                    }
                }
            });
        }
        //展示一下要修改的数据.
        function showEditInfo() {

            //判断一下用户是否选择了要修改的数据
            var rows = $('#showDiv').datagrid('getSelections');//获取所选择的行
            if (rows.length != 1) {
                $.messager.alert("提示", "请选择要修改的数据", "error");
                return;
            }

            //给IFrame指定页面URL
            $("#editFrame").attr("src", "/Department/ShowEditInfo" + "?id=" + rows[0].ID);
            $("#editDiv").css("display", "block");
            $('#editDiv').dialog({
                title: '修改部门数据',
                width: 500,
                height: 300,
                collapsible: true,
                maximizable: true,
                resizable: true,
                modal: true,
                buttons: [{
                    text: '提交',
                    iconCls: 'icon-ok',
                    handler: function () {
                        //表单校验
                        //validateInfo($("#addForm"));
                        //$("#addForm").submit();//提交表单
                        var childwindow = $("#editFrame")[0].contentWindow;
                        //console.warn(childwindow);
                        //调用子窗体中的方法完成表中的提交
                        childwindow.subForm();
                    }
                }, {
                    text: '关闭',
                    iconCls: 'icon-no',
                    handler: function () {
                        $('#editDiv').dialog('close');
                    }
                }]
            });

           
        }
        //更新以后调用该方法.
        function afterEdit(data) {
            if (data == "ok") {
                $('#editDiv').dialog('close');
                $('#showDiv').datagrid('reload');//加载表格不会跳到第一页。
            } else {
                $.messager.alert("提示", "修改的数据失败", "error");
            }
        }
        //将序列化成json格式后日期(毫秒数)转成日期格式
        function ChangeDateFormat(cellval) {
            var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
            var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
            var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            return date.getFullYear() + "-" + month + "-" + currentDate;
        }
    </script>

</head>
<body>
    <!--展示数据-->
    <div>

        <!--展示数据-->
        <div style="height:30px; padding-top:5px;">


        
            <table id="showDiv" style="width:700px;" iconcls="icon-edit"></table>

        </div>

    </div>
    <!--添加数据-->
    <div id="addDiv" style="display:none; overflow:hidden;">
        <iframe id="addFrame" style="width:100%;height:100%;" frameborder="0" scrolling="auto"></iframe>
    </div>
    <!--修改数据-->
    <div id="editDiv" style="display: none; overflow: hidden;">
        <iframe id="editFrame" style="width:100%;height:100%;" frameborder="0" scrolling="auto"></iframe>
    </div>
</body>
</html>